<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>护工列表页</title>
  <link rel="stylesheet" href="task6.css">
  <!-- <link rel="stylesheet" href="/lib/bootstrap-4.2.1-dist/css/bootstrap.min.css">
    <script src="/lib/bootstrap-4.2.1-dist/js//bootstrap.min.js"></script> -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
  <!-- 页面头部 -->
  <div class="header">
    <div class="btn-group">
      <button class="left" type="button">找雇主</button>
      <button class="right" type="button">找护工</button>
    </div>
    <div class="bg-near"></div>
  </div>

  <!-- 页面列表部分 -->
  <div class="list">

    <!-- 下拉选择框 -->
    <div class="listhead">

      <!-- 所在地下拉框 -->
      <div class="col-xs-4">
        <select name="address" id="">
          <option value="1">所在地</option>
          <option value="11">北京</option>
          <option value="12">上海</option>
          <option value="13">深圳</option>
          <option value="14">重庆</option>
        </select>
        <div class="line"></div>
      </div>

      <!-- 食宿下拉框 -->
      <div class="col-xs-4 eat">
        <select name="eat" id="">
          <option value="2">食宿</option>
          <option value="21
          ">包吃包住</option>
          <option value="22">包吃</option>
          <option value="23">包住</option>
        </select>
        <div class="line"></div>
      </div>

      <!-- 病人情况下拉框 -->
      <div class="col-xs-4 state">
        <select name="state" id="">
          <option value="3">病人情况</option>
          <option value="31">良好</option>
          <option value="32">一般</option>
          <option value="33">严重</option>
          <option value="34">极差</option>
        </select>
      </div>
    </div>

    <!-- 列表内容 -->
    <div class="listContent">
      <div class="list-group sd">
        <div class="bg-calendar2">
          <span class="list-text">服务日期</span>
        </div>
      </div>

      <div class="list-group d">
        <div class="date">2015-7-5 至 2015-7-12</div>
        <div class="price">35元/小时 </div>
        <div class="bg-arrow"> </div>
      </div>


      <div class="list-group lc">
        <div class="bg-localtion">
          <span class="list-text">北京.通州.果园</span>
        </div>
      </div>
 </div>

  <!-- 列表内容 -->
  <div class="listContent">
      <div class="list-group sd">
        <div class="bg-calendar2">
          <span class="list-text">服务日期</span>
        </div>
      </div>

      <div class="list-group d">
        <div class="date">2015-7-5 至 2015-7-12</div>
        <div class="price">35元/小时 </div>
        <div class="bg-arrow"> </div>
      </div>


      <div class="list-group lc">
        <div class="bg-localtion">
          <span class="list-text">北京.通州.果园</span>
        </div>
      </div>
 </div>

  <!-- 列表内容 -->
  <div class="listContent">
      <div class="list-group sd">
        <div class="bg-calendar2">
          <span class="list-text">服务日期</span>
        </div>
      </div>

      <div class="list-group d">
        <div class="date">2015-7-5 至 2015-7-12</div>
        <div class="price">35元/小时 </div>
        <div class="bg-arrow"> </div>
      </div>


      <div class="list-group lc">
        <div class="bg-localtion">
          <span class="list-text">北京.通州.果园</span>
        </div>
      </div>
 </div>

  <!-- 列表内容 -->
  <div class="listContent">
      <div class="list-group sd">
        <div class="bg-calendar2">
          <span class="list-text">服务日期</span>
        </div>
      </div>

      <div class="list-group d">
        <div class="date">2015-7-5 至 2015-7-12</div>
        <div class="price">35元/小时 </div>
        <div class="bg-arrow"> </div>
      </div>


      <div class="list-group lc">
        <div class="bg-localtion">
          <span class="list-text">北京.通州.果园</span>
        </div>
      </div>
 </div>


  <!-- 列表内容 -->
  <div class="listContent">
      <div class="list-group sd">
        <div class="bg-calendar2">
          <span class="list-text">服务日期</span>
        </div>
      </div>

      <div class="list-group d">
        <div class="date">2015-7-5 至 2015-7-12</div>
        <div class="price">35元/小时 </div>
        <div class="bg-arrow"> </div>
      </div>


      <div class="list-group lc">
        <div class="bg-localtion">
          <span class="list-text">北京.通州.果园</span>
        </div>
      </div>
 </div>

  <!-- 列表内容 -->
  <div class="listContent">
      <div class="list-group sd">
        <div class="bg-calendar2">
          <span class="list-text">服务日期</span>
        </div>
      </div>

      <div class="list-group d">
        <div class="date">2015-7-5 至 2015-7-12</div>
        <div class="price">35元/小时 </div>
        <div class="bg-arrow"> </div>
      </div>


      <div class="list-group lc">
        <div class="bg-localtion">
          <span class="list-text">北京.通州.果园</span>
        </div>
      </div>
 </div>

  <!-- 列表内容 -->
  <div class="listContent">
      <div class="list-group sd">
        <div class="bg-calendar2">
          <span class="list-text">服务日期</span>
        </div>
      </div>

      <div class="list-group d">
        <div class="date">2015-7-5 至 2015-7-12</div>
        <div class="price">35元/小时 </div>
        <div class="bg-arrow"> </div>
      </div>


      <div class="list-group lc">
        <div class="bg-localtion">
          <span class="list-text">北京.通州.果园</span>
        </div>
      </div>
 </div>
 



 <!-- 页面尾部 -->
<div class="footer">
  <div class="home">
     <button type="button" class="bg-home"></button>
       首页</div>
 <div class="write"><button type="button" class="bg-Write"></button></div>
<div class="user"><button type="button" class="bg-user"></button>我的</div>
 </div>



</body>

</html>
